<template>
    <div id="typePage">
        <div  v-for="item in type" :key="item.num" class="typeBox">
            <div> 编码:{{item.num}}</div>
            <div style="font-weight:bold">{{item.phoneTypeStr}}</div>
           <button @click="toUpload(item)" class="reviseBtn">修改</button>
        </div>
    </div>
</template>
<script>
    export default {
        data(){
            return{
                title:['广告管理','启动页管理'],
                type:[
                    {num:1,phoneTypeStr:'华财通Android版',onePhoneType:'ANDROID',aChannel:'HUA_CAI_TONG'},
                    {num:2,phoneTypeStr:'华财通iOS版本',onePhoneType:'IOS',aChannel:'HUA_CAI_TONG'},
                    {num:3,phoneTypeStr:'理财师Android版',onePhoneType:'ANDROID',aChannel:'LI_CAI_SHI'},
                    {num:4,phoneTypeStr:'理财师iOS版',onePhoneType:'IOS',aChannel:'LI_CAI_SHI'}
                ]
            }
        },
        created(){
            this.$emit('setTitleMsg',this.title)    
        },
        methods:{
            toUpload(item){
                this.$router.push({name:'revise',query:{onePhoneType:item.onePhoneType,aChannel:item.aChannel,phoneTypeStr:item.phoneTypeStr}})
            }
        }
    }
</script>
<style scoped lang="less">
    .typeBox{
        float: left;
        width:17.5rem;
        height: 11.25rem;
        line-height:2.5rem;
        margin:3rem 0 2.8rem 3rem;
        padding:1.5rem;
        background:#f9f9f9;
        border:1px solid #e0e0e0;
        text-align: center;
    }
    .typeBox:last-child{
        margin-right:0;
    }
    .reviseBtn{
        width:8.75rem;
        height:2.25rem;
        color:#ffffff;
        font-size:14px;
        background:#63c5ce;
        border-radius:5px;
        margin-top:0.5rem;
    }
    .reviseBtn:active{
        background:#4d9999;
    }
</style>

